<template>
    <div>
        <h1>补缴/退款</h1>
                        <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      fixed
      prop="date"
      label="日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="license"
      label="机动车牌号"
      width="200">
    </el-table-column>
     <el-table-column
      prop="id"
      label="机动车牌类型"
      width="200">
    </el-table-column>
    <el-table-column
      prop="way"
      label="路段"
      width="200">
    </el-table-column>
    <el-table-column
      prop="sfee"
      label="需缴费用"
      width="200">
    </el-table-column>
    <el-table-column
      prop="ufee"
      label="实缴费用"
      width="200">
    </el-table-column>
    <el-table-column
      prop="dfee"
      label="差价"
      width="150">
    </el-table-column>
    <el-table-column
      label="操作"
      width="200">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="primary" size="small" >上缴</el-button>  
        <el-button @click="handleClick(scope.row)" type="primary" size="small" >退款</el-button>
      </template>
    </el-table-column>
  </el-table>
    </div>
</template>

<script>
  export default {
      data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          license: '赣NBzzzzz1',
          id:'普通车牌',
          way: 'A-B',
          sfee: '1000',
          ufee: '1132',
          dfee: '132'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          license: '赣NBzzzzz2',
          id:'普通车牌',
          way: 'A-C',
          sfee: '1200',
          ufee: '1422',
          dfee: '222'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          license: '赣NBzzzzz3',
          id:'普通车牌',
          way: 'D-B',
          sfee: '1300',
          ufee: '1652',
          dfee: '352'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          license: '赣NBzzzzz4',
          id:'普通车牌',
          way: 'A-D',
          sfee: '2000',
          ufee: '1566',
          dfee: '-434',
        }]
      }
    },
    methods: {
    }
  }
  
</script>